<!--活动消息页面-->
<template>
	<div class="a">
		<van-nav-bar
		  class="header"	
		  title="活动消息"
		  left-arrow
		  @click-left="onClickLeft"
		>	
		  <van-icon name="arrow-left" slot="left" color="#000" size="20"/>
		  <van-icon name="setting-o" slot="right" color="#000" size="20"/>
	    </van-nav-bar>	
	    
	    
	    <div class="wrap">
	    	<div class="b">
	    	    <div class="c">
	    	    	<div class="c1"><van-icon name="comment-circle" class="c_icon"/>精彩活动</div>
	    	    	<div class="c2">1分钟前</div>
	    	    </div>
	    	    <div class="b2">你的支付宝红包待提现</div>
	    	    <div class="b3">马上去提现</div>
	    	    <div class="b4">
	    	    	<img src="../../../../static/img/v.png" alt="" />
	    	    </div>
	    	</div>
	    	<div class="b">
	    	    <div class="c">
	    	    	<div class="c1"><van-icon name="comment-circle" class="c_icon"/>精彩活动</div>
	    	    	<div class="c2">1分钟前</div>
	    	    </div>
	    	    <div class="b2">你的支付宝红包待提现</div>
	    	    <div class="b3">马上去提现</div>
	    	    <div class="b4">
	    	    	<img src="../../../../static/img/v.png" alt="" />
	    	    </div>
	    	</div>
	    	<div class="b">
	    	    <div class="c">
	    	    	<div class="c1"><van-icon name="comment-circle" class="c_icon"/>精彩活动</div>
	    	    	<div class="c2">1分钟前</div>
	    	    </div>
	    	    <div class="b2">你的支付宝红包待提现</div>
	    	    <div class="b3">马上去提现</div>
	    	    <div class="b4">
	    	    	<img src="../../../../static/img/v.png" alt="" />
	    	    </div>
	    	</div>	    	
	    </div>
	</div>	
</template>

<script>
import {getFun} from '@/api/publicFun.js'	 
let publicFun=getFun()	
export default {	
	data() {
       return {
    
       }
	},
	methods: {	

	},
	mixins:[publicFun],//混入		
	mounted() {
	}
}	
</script>

<style scoped lang="scss">
.a{background: #f3f6fb;min-height: 100%;width: 100%;position: absolute;}	
.header{position: fixed;top: 0;left: 0;width: 100%;}
.wrap{margin-top: 46px;padding: 10px;}
.b{background: #fff;border-radius: 10px;margin-bottom: 10px;padding: 10px;}
.c{display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;}
.c1{font-weight: bold;color: red;}
.c_icon{font-size: 20px;vertical-align: -5px;margin-right: 4px;}
.c2{color: $common-color3;}
.b2{font-size: 18px;margin-bottom: 5px;}
.b3{color: $common-color3;margin-bottom: 5px;}
.b4 img{width: 100%;}
</style>